.top {
    width: 100%;
    height: 200px;
    background-color: red;
    display: flex;
    flex-direction: column;
}

.top .title {
    height: 75px;
    margin-top: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top .title span {
    font-size: 25px;
    font-weight: bold;
    color: #fff;
}

.top .search {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top .search form {
    width: 60%;
    display: flex;
    justify-content: center;
}

.top .search form input {
    height: 30px;
    width: 75%;
    border: 0;
}

.top .search form button {
    width: 20%;
    background: gainsboro;
    color: grey;
    font-size: 15px;
    border: 0;
    cursor: pointer;
}

.navi {
    width: 100%;
    height: 60px;
    display: flex;
}

.navi .status {
    width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.navi .status:nth-child(odd) {
    background-color: rgb(240, 243, 247);
}

.navi .status:nth-child(even) {
    background-color: gainsboro;
}


.navi .status input {
    margin: 0;
    padding: 0;
}

.navi .status p {
    margin: 0;
    padding: 0;
}

.list table {
    width: 100%;
    border-collapse: collapse;
}

.list table tr td {
    height: 35px;
    padding-left: 30px;
    font-size: 15px;
}

.list table tr :nth-child(2) {
    text-align: right;
    padding-right: 30px;
}

.list table tr:nth-child(odd) {
    background-color: rgb(240, 243, 247);
}

.list table tr:nth-child(even) {
    background-color: gainsboro;
}

.list table tr td input {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 20px;
}

.list table tr.Waiting td:first-child:before {
    content: "Waiting ...";
    background-color: red;
    cursor: pointer;
}

.list table tr.Doing td:first-child:before {
    content: "Doing ...";
    background-color: yellow;
    cursor: pointer;
}

.list table tr.Finished td:first-child:before {
    content: "Finished ...";
    background-color: green;
    cursor: pointer;
}